<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
  <%@include file="/static/common/common.jsp" %>
  <link rel="stylesheet" href="/static/plugins/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="/static/css/compensate/caseInfo.css">

  <script src="/static/plugins/bootstrap/bootstrap.min.js"></script>
  <script src="/static/js/compensate/caseInfo.js"></script>
  <style>
    .datagrid-cell-check input {
      margin-top: 2px;
    }
    .showSpan .input_col{
      display: none !important;
    }
    .showSpan #save_btn{
      display: none;
    }
    .myModel .span_col{
      display: none !important;
    }
    .showSpan .span_col{
      display: block !important;
    }

  </style>
</head>
<body>

<!-- Modal -->
<div class="modal fade myModel " id="detail_dialog" tabindex="999" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content" style="width: 400px;">
      <div class="modal-header">
        <button type="button" class="close close_btn" data-dismiss="modal" aria-label="Close"><span
          aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="detail_title">Modal title</h4>
      </div>
      <div class="modal-body">
        <form method="post" class="dialog-form" id="case_form">
          <input type="hidden" name="id" id="empId">
          <div class="row">
            <div class="col-sm-4 col-title">报案人姓名:</div>
            <div class="col-sm-7 input_col">
              <input name="reporter" class="easyui-textbox" prompt="请输入报案人姓名">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_reporter"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">性别:</div>
            <div class="col-sm-7 input_col">
              <input name="gender" class="easyui-combobox" editable="false"
                                        data-options="valueField:'value',panelHeight:'auto',
                                        data:[{text:'男',value:'1'},{text:'女',value:'0'}]" value="1">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_gender"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">联系电话:</div>
            <div class="col-sm-7 input_col">
              <input name="tel" class="easyui-textbox" prompt="请输入联系电话">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_tel"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">发生时间:</div>
            <div class="col-sm-7 input_col">
              <input name="caseTime" class="easyui-datebox" prompt="请选择发生时间" editable="false">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_caseTime"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">发生地点:</div>
            <div class="col-sm-7 input_col">
              <input name="caseSpot" class="easyui-textbox" prompt="请输入发生地点">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_caseSpot"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">保单编号:</div>
            <div class="col-sm-7 input_col">
              <input name="insureInfoSn" class="easyui-textbox" prompt="请输入保单编号">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_insureInfoSn"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">车牌号:</div>
            <div class="col-sm-7 input_col">
              <input name="carNum" class="easyui-textbox" prompt="请输入车牌号">
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_carNum"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4 col-title">事故责任:</div>
            <div class="col-sm-7 input_col">
              <input name="accidentResponsibility" class="easyui-textbox" >
            </div>
            <div class="col-sm-7 span_col">
              <span id="show_accidentResponsibility"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12"><label for="message-text1" class="control-label">案情描述:</label></div>
          </div>
          <div class="row">
            <div class="col-sm-12">
              <textarea class="form-control input_col" id="message-text1" name="accidentDescription" style="height: 80px;"></textarea>
              <span id="show_accidentDescription" class="span_col"></span>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-12"><label for="message-text2" class="control-label">备注:</label></div>
          </div>
          <div class="row">
            <div class="col-sm-12">
              <textarea class="form-control input_col" id="message-text2" name="remarks" style="height: 80px;"></textarea>
              <span id="show_remarks" class="span_col"></span>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default close_btn" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="save_btn">保存</button>
      </div>
    </div>
  </div>
</div>


<table id="case_datagrid"></table>

<div id="case_toolbar">
  <a class="easyui-linkbutton" iconCls="icon-add2 iconfont" plain="true" data-cmd="add">新增</a>
  <a id="editBtn" class="easyui-linkbutton" iconCls="icon-bianji iconfont" plain="true" data-cmd="edit">编辑</a>
  <a id="checkBtn" class="easyui-linkbutton" iconCls="icon-yanzhen_icon iconfont" plain="true" data-cmd="check">验证待赔</a>
  <input id="keyword" class="easyui-textbox" prompt="报案人/车牌号/手机">
  发生时间：<input id="minCaseTime" class="easyui-datebox" prompt=""> ~
  <input id="maxCaseTime" class="easyui-datebox" prompt="">
  状态：<input id="status" class="easyui-combobox"
            data-options="valueField:'value',textField:'text',
            data:[{text:'全部',value:''},{text:'没有该保单',value:'0'},{text:'已理赔',value:'1'},{text:'保单失效',value:'2'},
                {text:'待验证',value:'3'},{text:'验证完,待填理赔',value:'4'},{text:'待审核',value:'5'},
                {text:'被拒审',value:'6'},{text:'审核完,待付款',value:'7'},{text:'废弃单',value:'8'}]">
  <a class="easyui-linkbutton" iconCls="iconfont icon-sousuo" plain="true" data-cmd="query">搜索</a>
</div>
<div id="form_btns">
  <a class="easyui-linkbutton" iconCls="iconfont icon-dui" plain="true" data-cmd="save">保存</a>
  <a class="easyui-linkbutton" iconCls="iconfont icon-jujue" plain="true" data-cmd="cancel">取消</a>
</div>


<%--弹出框--%>

</body>
</html>
